<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<script src="../js/vue.js"></script>
	</head>
	<body>
		<div id="root">
			<div>
				姓名：<input type="text" v-bind:value="username">
			</div>
			<!-- v-bind 简写 -->
			<!-- <div>
				年龄：<input type="text" :value="age">
			</div> -->
			<!-- v-model 完整语法 -->
			<div>
				密码：<input type="text" v-model:value="password">
			</div>
			<!-- v-model 简写；因为v-model 就是专门为 value 属性服务-->
			<div>
				验证码：<input type="text" v-model="code">
			</div>
		
		</div>
		
		<script type="text/javascript">
			const vm = new Vue({
				el: "#root",
				data: {
					username: '',
					password: '',
					code: ''
				}
			})
		</script>
	</body>
</html>